export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M592 272c0-44.004-35.996-80-80-80s-80 35.996-80 80 35.996 80 80 80S592 316.004 592 272zM592 752c0-44.004-35.996-80-80-80s-80 35.996-80 80 35.996 80 80 80S592 796.004 592 752zM592 512c0-44.004-35.996-80-80-80s-80 35.996-80 80 35.996 80 80 80S592 556.004 592 512z"></path>
            </svg>
        </span>
    )
}